<template>
  <div>
    <!-- 问题文本编辑 -->
    <el-form-item label="问题文本">
      <el-input
          v-model="question.text"
      placeholder="请输入问题文本"
      @blur="onTextChange"
      ></el-input>
    </el-form-item>

    <!-- 单行文本输入框 -->
<!--    <el-form-item label="问题回答">-->
<!--      <el-input-->
<!--          v-model="question.textAnswer"-->
<!--      placeholder="请输入回答"-->
<!--      ></el-input>-->
<!--    </el-form-item>-->
  </div>
</template>

<script>
export default {
  props: {
    question: {
      type: Object,
      required: true,
    },
  },
  methods: {
    // 题目文本发生改变时
    onTextChange() {
      this.$emit('update-question', this.question);
    },
  },
};
</script>

<style scoped>
/* 自定义样式 */
</style>
